@charset "utf-8";

.pape{
	position: relative;
}
.top{
	padding-top: .81rem;
	height: 1.02rem;
}
/* 顶部结束 */
/* 用户头像开始 */
.user-img{
	position: relative;
	padding-left: .2rem;
	display: flex;
	align-items: center;
	height: 1.54rem;
	background: linear-gradient(#ff6243,#ff7058);
}
.user-img>img{
	width: 1.28rem;
	height: 1.29rem;
}
.user-img .font{
	padding-top: .12rem;
	margin-left: .19rem;
	height: 1.54rem;
}
.user-img h2{
	font: bold .34rem/.76rem "微软雅黑";
	color: #fff;
}
.user-img .font p{
	padding: 0 .08rem 0 .06rem;
	/* width: 2.06rem; */
	line-height: .3rem;
	font-size: .2rem;
	color: #fff;
	border: 2px solid #ffb5a9;
	text-align: center;
	border-radius: .04rem;
}
.user-img .every-day{
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -0.21rem;
	padding: 0 0 0 .2rem;
	display: flex;
	align-items: center;
	height: .42rem;
	width: 1.53rem;
	box-sizing: border-box;
	border: 1px solid #ffe9e5;
	border-top-left-radius: .21rem;
	border-bottom-left-radius: .21rem;
	background-color: rgba(255,255,255,0.4);
	font-size: .2rem;
	color: #ff6546;
}
.user-img .every-day img{
	margin-right: .09rem;
	width: .22rem;
	height: .28rem;
}
/* 用户头像结束 */
/* 用户收藏栏 */
.user-see{
	margin-bottom: .72rem;
	padding-bottom: 1.71rem;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	height: .88rem;
	background: linear-gradient(#ff7058 20%,#ff7865);
	font: .2rem/.45rem "微软雅黑";
	color: #fff4f2;
	text-align: center;
}
.user-see div{
	height: .88rem;
}
.user-see h3{
	margin-top: .17rem;
	font: bold .26rem/1 "微软雅黑";
	color: #fff;
}
/* 用户收藏栏结束 */
/* 用户订单信息开始 */
.mine-goods{
	position: absolute;
	top: 4.42rem;
	left: .2rem;
	width: 7.1rem;
	/* height: 2.06rem; */
	background-color: #fff;
	border-radius: .05rem;
}
.mine-goods .top{
	padding:  0 .2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: .73rem;
	background-color: #fff;
}
.mine-goods .top img{
	width: .08rem;
	height: .18rem;
}
.mine-goods .top p{
	font: .24rem/1 "微软雅黑";
	color: #ff6040;
}
.mine-goods .top h3{
	font-size: .32rem;
	font-weight: bold;
}
.mine-goods .bottom{
	display: flex;
	align-items: center;
	height: 1.33rem;
	font: .2rem/.57rem "微软雅黑";
	color: #333333;
	text-align: center;
}
.mine-goods .bottom div{
	padding-top: .17rem;
	box-sizing: border-box;
	width: 25%;
	height: 1.33rem;
}
.mine-goods .bottom img{
	width: .32rem;
	height: .32rem;
}
/* 用户订单信息结束 */
/* 用户交互点击开始 */
article{
	padding: .2rem;
	background-color: #fff;
}
section{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: .72rem;
}
section .left,
section .right{
	display: flex;
	align-items: center;
	height: .72rem;
}
section .left{
	font-weight: bold;
	font-size: .24rem;
	color: #333333;
}
section .left img{
	margin-right: .11rem;
	width: .3rem;
	height: .32rem;
}
section .right img{
	width: .08rem;
	height: .18rem;
}
section .right p{
	margin-right: .13rem;
	font-size: .24rem;
	color: #666666;
}